{% extends "layout.html" %}
{% from '_form.html' import vertical_field, form_submit %}

{% block page_title %}Sign up{% endblock %}
{% block page_js %}
    <script src="/pages/account/signup/signup.js"></script>{% endblock %}
{% block page_css %}
    <link rel="stylesheet" href="/pages/account/signup/signup.css"/>{% endblock %}
{% block page_content %}
    <div class="container">
        <div class="row">
            <div class="col-sm-8">
                <h1>Sign up</h1>

                <form method="post" autocomplete="off" action="{{ url_for('account.signup') }}">
                    {{ form.csrf_token() }}

                    {{ vertical_field(form.name) }}

                    {{ vertical_field(form.email) }}

                    {{ vertical_field(form.password) }}

                    {{ vertical_field(form.repassword) }}

                    <button type="submit" class="btn btn-primary">Sign up</button>
                </form>
            </div>
        </div>
    </div>
{% endblock %}

